<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>      
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="<%=basePath %>resources/js/common/plugin/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="<%=basePath %>resources/js/common/plugin/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="<%=basePath %>resources/js/common/plugin/My97DatePicker/skin/WdatePicker.css" rel="stylesheet">
	<link href="<%=basePath %>resources/js/common/plugin/select2/css/select2.min.css" rel="stylesheet" />
	<link href="<%=basePath %>resources/js/common/plugin/flexigrid/flexigrid.css" rel="stylesheet" />
	<link href="<%=basePath %>resources/css/common.css" rel="stylesheet">
    <link href="<%=basePath %>resources/css/style.css" rel="stylesheet">
    <link href="<%=basePath %>resources/css/report.css" rel="stylesheet">
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
	
	<script src="<%=basePath %>resources/js/common/plugin/jquery/jquery.min.js"></script>
	<script src="<%=basePath %>resources/js/common/plugin/select2/js/select2.min.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/echarts/echarts.min.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/bootstrap/js/bootstrap.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/My97DatePicker/WdatePicker.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/flexigrid/flexigrid.js"></script>
    <script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=d782d52560e7b77e0d764b1496c60dde&plugin=AMap.Geocoder"></script>
    <script src="<%=basePath %>resources/js/common/util/common.js"></script>
    <script src="<%=basePath %>resources/js/business/video/HashMap.js"></script>
<title>车辆停车分析</title>
<script type="text/javascript">
var appCtx="<%=basePath%>";

</script>
<style type="text/css">
     .tableRow{
     	background-color: #F8F8FF;
     }
     .tableTr{
     	background-color: #D5EFFC;
     }
     td{
     	text-align:left !important;
     }
     th{
     	text-align:left !important;
     }
     </style>
</head>
<body class="driving">
<div class="page">
	<div class="slider pa clearfix">
        <%@ include file="/views/common/menu.jsp" %> 
    </div> 
    <div class="main ">
    	<%@ include file="/views/common/top.jsp" %>
            <div class="content">
            	<div class="query clearfix">
	                <div class="query-list fl">
	                    <!-- <label class="query-label fl">车辆:</label> -->
	                    <select class="query-select" id="selectVehicleSel">
	                    	
	                     </select>
	            
	                </div>
	                 <div class="query-list fl">
	                    <select id="timeSplitSel" class="query-select">
	                        <option value="0" >晚上(22:00-6:00)</option>
	                        <option value="1">白天(6:00-22:00)</option>
	                        <option value="-1">全天</option>
	                    </select>
	                </div>
	                 <div class="query-list fl">
	                    <select id="timeCountSel" class="query-select">
	                        <option value="600">&gt;10分钟</option>
	                        <option value="1800">&gt;30分钟</option>
	                        <option value="3600">&gt;1小时</option>
	                        <option value="21600">&gt;6小时</option>
	                        <option value="43200">&gt;12小时</option>
	                    </select>
	                </div>
	                
	                <div class="query-list fl">
	                    <!-- <label class="query-label fl">时间:</label> -->
	                    <input type="text" id="inputStartDate" class="query-input fl Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-{%d-1}'})" ">
	                    <span class="fl query-text">至</span>
	                    <input type="text" id="inputEndDate" class="query-input Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-{%d-1}'})" >
	                </div>
	                <a class="query-btn query-require db fl" href="javascript:;" title="查询">查询</a>
	                <a class="query-btn query-export db fl" href="javascript:;" title="导出">导出</a>
	            </div>
	            <div class="clearfix">
		            <div id="tableDiv" class="car-detail" style="float: left;width: 60%;padding-right: 10px;border-right: 1px solid #eee;overflow-y:auto;">
		            	<div id="vehicleParkingList">
		            	<table class="table" id="vehicleParkingTable">
				                    <!-- <tr id="objTitle" style="background-color: #DDD;">
				                    	<th>序号</th>
				                    	<th>车牌号</th>
				                    	<th>自编号</th>
				                    	<th>企业名称</th>
				                    	<th>开始停车时间</th>
				                    	<th>结束停车时间</th>
				                    	<th>停车时长</th>
				                    </tr> -->
		        		</table>
		            	</div>
		            </div>
		            <div class="pr" id="mapWarp" style="float: right;width: 40%;margin-top: 20px;padding-left: 10px;" >
		            	<a class="db pa" id="showMap" style="top:50%;left:0;margin-top:-10px;z-index:999;" href="javascript:;"></a>
		            	<div class="map" >
		                	<div id="mymap"></div>
		            	</div>
		
		            </div>
	            </div>
            </div>
       </div>
   </div>    
</div>
<!--提示弹框-->
	<div id="ajax-loading" >
    	<img id="msgLoadImg" alt="" src="<%=basePath%>resources/images/main/big_loading.gif">
    <span id="msgSpan">正在拼命加载,请稍候!</span>
	</div>
	<!--提示弹框-->
	<!--全局遮罩-->
	<div id="mask"></div>
	<!--全局遮罩-->

<script src="<%=basePath %>resources/js/common/main/global.js"></script>
<script src="<%=basePath %>resources/js/common/main/nav.js"></script>
<script src="<%=basePath %>resources/js/business/report/vehicleParking.js"></script>
</body>
</html>